<?php
require './admin/includes/db.php';
$mysqli = new mysqli(DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

if ($mysqli->connect_errno) {
    echo "Failed to connect to MySQL with MySQLI: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
}
$mysqli->set_charset("utf8");

$sql0 = "select valeur, date from and_config where attribut='inscription'";
$result0 = $mysqli->query($sql0);

$row0 = $result0->fetch_assoc();

$valeur = $row0['valeur'];

$date = $row0['date'];


$active = TRUE;

if (($valeur == "désactivé") || (($valeur == "activé") && ($date < date("Y-m-d")))) {
    $active = False;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
    <head>
        <!--

Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
        -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
        <title>Android ISIMG : Inscription</title>

        <link href="admin/css/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" />


        <link href="css/screen.css" rel="stylesheet" media="screen" />

        <link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="./css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="./css/style.ie7.css" type="text/css" media="screen" /><![endif]-->

        <style>

            #form1 button{

                background:url('./images/form_button.png') no-repeat 0 0;

            }		

            .header3 {

                font-family: inherit ;
                padding-top: 1em;
                font-size: 60%;

            }

            #form1 p {

                font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
                color:#333;
                line-height:160%;
            }

            .inscri_header {


                font-family:Georgia,serif;

                font-variant: small-caps; text-transform: none;  margin-bottom: 0;

                font-size: x-large;


                padding: 3px 3px;
                width: 80%;

                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }
            .erreur {
                color: red;
            }
            .ok {
                color: green;
            }

            .actus_header {
                border: 1px solid #dfecab;

                border-left: none;
                border-right:  none;
                background-color: #dfecab;
                padding: 2px 1em;
                text-align: center;
                font-family:Georgia,serif;

                font-size: x-large;


                padding: 3px 3px;
            }

            .actus_body {
                border: 1px solid #dfecab;
            }
        </style>

        <script type="text/javascript" src="./js/jquery.js"></script>
        <script type="text/javascript" src="./js/script.js"></script>

        <script type="text/javascript" src="./admin/js/jquery.form.js"></script>


        <script src="admin/js/jquery-ui-1.10.0.custom.min.js"></script>

        <script src="admin/js/jquery.ui.datepicker-fr.js"></script>



        <script src="./admin/js/FormManager.js">
            /****************************************************
             * Form Dependency Manager- By Twey- http://www.twey.co.uk
             * Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
             ****************************************************/
        </script>


        <script type="text/javascript">
            window.onload = function() {
                setupDependencies('formulaire'); //name of form(s). Seperate each with a comma (ie: 'weboptions', 'myotherform' )
            };
 

            /***********************************************
             * Email Validation script- © Dynamic Drive (www.dynamicdrive.com)
             * This notice must stay intact for legal use.
             * Visit http://www.dynamicdrive.com/ for full source code
             ***********************************************/

            var emailfilter=/^\w+[\+\.\w-]*@([\.\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i


            function verif_formulaire(e)
            {
                var returnval=emailfilter.test(e.value)
                if(document.formulaire.nom.value == "")  {
                    $('#nom').html("Veuillez saisir votre nom!");
                    document.formulaire.nom.focus();
                    return false;
                }
                if(document.formulaire.prenom.value == "") {
                    $('#prenom').html("Veuillez saisir votre prénom!");
                    document.formulaire.prenom.focus();
                    return false;
                }
                if (returnval==false){
                    $('#mail').html("Veuillez saisir une adresse e-mail valide.");
                    e.select();
                    return returnval;
                }
                if(document.formulaire.tel.value == "") {
                    $('#tel').html("Veuillez saisir votre téléphone!");
                    document.formulaire.tel.focus();
                    return false;
                }
                if(document.formulaire.institution.value == "") {
                    $('#institution').html("Veuillez saisir votre institution!");
                    document.formulaire.institution.focus();
                    return false;
                }
                if(document.formulaire.fonction.value == "") {
                    $('#fonction').html("Veuillez saisir votre fonction!");
                    document.formulaire.fonction.focus();
                    return false;
                }
                if(!$('#nb1').is(':hidden')) {
                    
                    if(document.formulaire.nb1.value == "") {
                        $('#nb1error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb1.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker1').is(':hidden')) {
                    
                    if(document.formulaire.date1.value == "") {
                        $('#date1error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date1.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#nb2').is(':hidden')) {
                    
                    if(document.formulaire.nb2.value == "") {
                        $('#nb2error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb2.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker2').is(':hidden')) {
                    
                    if(document.formulaire.date2.value == "") {
                        $('#date2error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date2.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#nb3').is(':hidden')) {
                    
                    if(document.formulaire.nb3.value == "") {
                        $('#nb3error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb3.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker3').is(':hidden')) {
                    
                    if(document.formulaire.date3.value == "") {
                        $('#date3error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date3.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#nb4').is(':hidden')) {
                    
                    if(document.formulaire.nb4.value == "") {
                        $('#nb4error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb4.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker4').is(':hidden')) {
                    
                    if(document.formulaire.date4.value == "") {
                        $('#date4error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date4.focus();
                        return false;
                    }
                    
                }

                if(!$('#nb5').is(':hidden')) {
                    
                    if(document.formulaire.nb5.value == "") {
                        $('#nb5error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb5.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker5').is(':hidden')) {
                    
                    if(document.formulaire.date5.value == "") {
                        $('#date5error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date5.focus();
                        return false;
                    }
                    
                }
                if(!$('#nb6').is(':hidden')) {
                    
                    if(document.formulaire.nb6.value == "") {
                        $('#nb6error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb6.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker6').is(':hidden')) {
                    
                    if(document.formulaire.date6.value == "") {
                        $('#date6error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date6.focus();
                        return false;
                    }
                    
                }
                if(!$('#nb7').is(':hidden')) {
                    
                    if(document.formulaire.nb7.value == "") {
                        $('#nb7error').html("Veuillez saisir le nom et le prénom!");
                        document.formulaire.nb7.focus();
                        return false;
                    }
                    
                }
                
                if(!$('#datepicker7').is(':hidden')) {
                    
                    if(document.formulaire.date7.value == "") {
                        $('#date7error').html("Veuillez choisir la date de naissance!");
                        document.formulaire.date7.focus();
                        return false;
                    }
                    
                }

                
                
                return true;
                

  
            }

        </script>




        <script type="text/javascript">
        
            $(document).ready(function() { 
                
                $('#envoyer').live('click', function() {
                    $("#nom").html('');
                    $("#prenom").html('');
                    
                    $("#institution").html('');
                    $("#fonction").html('');
                    $("#tel").html('');
                    $("#mail").html('');
                    
                    $("#date1error").html('');
                    $("#date2error").html('');
                    $("#date3error").html('');
                    $("#date4error").html('');
                    $("#date5error").html('');
                    $("#date6error").html('');
                    $("#date7error").html('');
                    
                    $("#nb1error").html('');
                    $("#nb2error").html('');
                    $("#nb3error").html('');
                    $("#nb4error").html('');
                    $("#nb5error").html('');
                    $("#nb6error").html('');
                    $("#nb7error").html('');
                    if(verif_formulaire(document.formulaire.mail)) {
                        $("#loader").html('<img src="images/ajax-loader.gif" alt="Veuillez patienter ...."/>');
                        
                        $("#form1").ajaxForm({
                            target: '#inscri_header'
                        }).submit();
                        
                        $("#container").html('');   
                    }
                    return false;
                });
                
                        
                
            }); 

        </script>


        <script>
            $(function() {
                            
                $( "#datepicker1" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker1" ).datepicker( $.datepicker.regional[ "fr" ] );
                            
           
            
                $( "#datepicker2" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker2" ).datepicker( $.datepicker.regional[ "fr" ] );
                            
            
            
                $( "#datepicker3" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker3" ).datepicker( $.datepicker.regional[ "fr" ] );
                            
            
            
                $( "#datepicker4" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker4" ).datepicker( $.datepicker.regional[ "fr" ] );
                            
           
            
                $( "#datepicker5" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker5" ).datepicker( $.datepicker.regional[ "fr" ] );
            
                $( "#datepicker6" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange : "c-60:c+60",
                    maxDate : 0
                });
    
                $( "#datepicker6" ).datepicker( $.datepicker.regional[ "fr" ] );
                            
            
           
            
                $( "#datepicker7" ).datepicker({
                    dateFormat : "yy-mm-dd",
                    yearRange : "c-60:c+60",
                    maxDate : 0,
                    showButtonPanel: true,
                    changeMonth: true,
                    changeYear: true
                    
                });
    
                $( "#datepicker7" ).datepicker( $.datepicker.regional[ "fr" ] );
                
    
                
                           
            
            
            
            });
        </script>

    </head>

    <body>
        <div id="henispage-background-middle-texture">
            <div id="henismain">
                <div class="henisnav">
                    <div class="henisnav-l"></div>
                    <div class="henisnav-r"></div>
                    <div class="henisnav-wrapper">
                        <div class="henisnav-inner">
                            <div class="henisnav-center">
                                <ul class="henismenu">
                                    <li><a href="./index.php"><span class="l"> </span><span class="r"> </span><span class="t">Accueil</span></a></li>
                                    <li><a href="./actualites.php"><span class="l"> </span><span class="r"> </span><span class="t">Actualités</span></a></li>
                                    <li><a href="./programme.php"><span class="l"> </span><span class="r"> </span><span class="t">Programme</span></a></li>
                                    <li><a href="./hotel.php"><span class="l"> </span><span class="r"> </span><span class="t">Hôtel</span></a></li>
                                    <li><a href="./inscription.php" class="active"><span class="l"> </span><span class="r"> </span><span class="t">Inscription</span></a></li>
                                    <li><a href="./sponsors.php"><span class="l"> </span><span class="r"> </span><span class="t">Sponsors</span></a></li>
                                    <li><a href="./galerie.php"><span class="l"> </span><span class="r"> </span><span class="t">Galeries</span></a></li>
                                    <li><a href="./contact.php"><span class="l"> </span><span class="r"> </span><span class="t">Contact</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="henisheader">
                    <div class="henisheader-center">
                        <div class="henisheader-png"></div>
                        <div class="henisheader-jpeg"></div>
                    </div>
                    <div class="henisheader-wrapper">
                        <div class="henisheader-inner">
                            <script type="text/javascript" src="js/swfobject.js"></script>
                            <div id="henisflash-area">
                                <div id="henisflash-container">
                                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1540" height="385" id="henisflash-object">
                                        <param name="movie" value="images/flash.swf" ></param>
                                        <param name="quality" value="high" ></param>
                                        <param name="scale" value="exactfit" ></param>
                                        <param name="wmode" value="transparent" ></param>
                                        <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent" ></param>
                                        <param name="swfliveconnect" value="true" ></param>
                                        <!--[if !IE]>-->
                                        <object type="application/x-shockwave-flash" data="images/flash.swf" width="1540" height="385">
                                            <param name="quality" value="high" ></param>
                                            <param name="scale" value="exactfit" ></param>
                                            <param name="wmode" value="transparent" ></param>
                                            <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent" ></param>
                                            <param name="swfliveconnect" value="true" ></param>
                                            <!--<![endif]-->
                                            <div class="henisflash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
                                            <!--[if !IE]>-->
                                        </object>
                                        <!--<![endif]-->
                                    </object>
                                </div>
                            </div>
                            <div class="henisheaderobject"></div>
                            <div class="henislogo">
                                <h1 id="name-text" class="henislogo-name"><a href="./index.php">2<sup>ème</sup> Workshop de l'ISIMG</a></h1>
                                <h2 id="slogan-text" class="henislogo-text">Développement d'applications mobiles pour terminaux sous ANDROID<p><div class="header3"> 17-20 Mars 2013 Mahdia</div>&nbsp;</p></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="henissheet">
                    <div class="henissheet-tl"></div>
                    <div class="henissheet-tr"></div>
                    <div class="henissheet-bl"></div>
                    <div class="henissheet-br"></div>
                    <div class="henissheet-tc"></div>
                    <div class="henissheet-bc"></div>
                    <div class="henissheet-cl"></div>
                    <div class="henissheet-cr"></div>
                    <div class="henissheet-cc"></div>
                    <div class="henissheet-body">
                        <div class="heniscontent-layout">
                            <div class="heniscontent-layout-row">
                                <div class="henislayout-cell henissidebar1">
                                    <div class="henislayout-bg"></div>
                                    <div class="henisvmenublock">
                                        <div class="henisvmenublock-body">
                                            <div class="henisvmenublockcontent">
                                                <div class="henisvmenublockcontent-body">
                                                    <ul class="henisvmenu">
                                                        <li><a href="./index.php"><span class="l"> </span><span class="r"> </span><span class="t">Accueil</span></a></li>
                                                        <li><a href="./actualites.php"><span class="l"> </span><span class="r"> </span><span class="t">Actualités</span></a></li>
                                                        <li><a href="./programme.php"><span class="l"> </span><span class="r"> </span><span class="t">Programme</span></a></li>
                                                        <li><a href="./hotel.php"><span class="l"> </span><span class="r"> </span><span class="t">Hôtel du workshop</span></a></li>
                                                        <li><a href="./inscription.php" class="active"><span class="l"> </span><span class="r"> </span><span class="t">Inscription</span></a></li>
                                                        <li><a href="./sponsors.php"><span class="l"> </span><span class="r"> </span><span class="t">Sponsors</span></a></li>
                                                        <li><a href="./galerie.php"><span class="l"> </span><span class="r"> </span><span class="t">Galeries photos</span></a></li>
                                                        <li><a href="./contact.php"><span class="l"> </span><span class="r"> </span><span class="t">Contact</span></a></li>
                                                    </ul>
                                                    <div class="cleared"></div>
                                                </div>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="henisblock">
                                        <div class="henisblock-body">
                                            <div class="henisblockheader">
                                                <div class="l"></div>
                                                <div class="r"></div>
                                                <h3 class="t">Comité de pilotage</h3>
                                            </div>
                                            <div class="henisblockcontent">
                                                <div class="henisblockcontent-tl"></div>
                                                <div class="henisblockcontent-tr"></div>
                                                <div class="henisblockcontent-bl"></div>
                                                <div class="henisblockcontent-br"></div>
                                                <div class="henisblockcontent-tc"></div>
                                                <div class="henisblockcontent-bc"></div>
                                                <div class="henisblockcontent-cl"></div>
                                                <div class="henisblockcontent-cr"></div>
                                                <div class="henisblockcontent-cc"></div>
                                                <div class="henisblockcontent-body">
                                                    <ul>
                                                        <?php
                                                        $sql2 = "select nom, prenom, url from and_comite where pilote = 1";

                                                        $result2 = $mysqli->query($sql2);


                                                        while ($row = $result2->fetch_assoc()) {
                                                            ?>

                                                            <li><span style="color: rgb(39, 62, 20); line-height: normal; ">
                                                                    <a href="<?php echo $row['url']; ?>" target="_blank" >
                                                                        <?php echo ucfirst($row['prenom']); ?>&nbsp;<?php echo strtoupper($row['nom']); ?>
                                                                    </a>
                                                                </span>
                                                            </li>

                                                            <?php
                                                        }
                                                        ?></ul>
                                                    <div class="cleared"></div>
                                                </div>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="henisblock">
                                        <div class="henisblock-body">
                                            <div class="henisblockheader">
                                                <div class="l"></div>
                                                <div class="r"></div>
                                                <h3 class="t">Comité d'organisation</h3>
                                            </div>
                                            <div class="henisblockcontent">
                                                <div class="henisblockcontent-tl"></div>
                                                <div class="henisblockcontent-tr"></div>
                                                <div class="henisblockcontent-bl"></div>
                                                <div class="henisblockcontent-br"></div>
                                                <div class="henisblockcontent-tc"></div>
                                                <div class="henisblockcontent-bc"></div>
                                                <div class="henisblockcontent-cl"></div>
                                                <div class="henisblockcontent-cr"></div>
                                                <div class="henisblockcontent-cc"></div>
                                                <div class="henisblockcontent-body">
                                                    <ul>
                                                        <?php
                                                        $sql = "select nom, prenom, url from and_comite where pilote = 0 order by prenom, nom";

                                                        $result = $mysqli->query($sql);


                                                        while ($row = $result->fetch_assoc()) {
                                                            ?>

                                                            <li><span style="color: rgb(39, 62, 20); line-height: normal; ">
                                                                    <a href="<?php echo $row['url']; ?>" target="_blank" >
                                                                        <?php echo ucfirst($row['prenom']); ?>&nbsp;<?php echo strtoupper($row['nom']); ?>
                                                                    </a>
                                                                </span>
                                                            </li>

                                                            <?php
                                                        }
                                                        ?>

                                                    </ul>
                                                    <div class="cleared"></div>
                                                </div>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                                <div class="henislayout-cell heniscontent">
                                    <div class="henispost">
                                        <div class="henispost-tl"></div>
                                        <div class="henispost-tr"></div>
                                        <div class="henispost-bl"></div>
                                        <div class="henispost-br"></div>
                                        <div class="henispost-tc"></div>
                                        <div class="henispost-bc"></div>
                                        <div class="henispost-cl"></div>
                                        <div class="henispost-cr"></div>
                                        <div class="henispost-cc"></div>
                                        <div class="henispost-body">
                                            <div class="henispost-inner henisarticle">
                                                <div class="henispostmetadataheader">
                                                    <h2 class="henispostheader">Inscription</h2>
                                                </div>
                                                <div class="henispostcontent">
                                                    <p>

                                                        <br />
                                                    </p>



                                                    <p>
                                                        <div class="actus_header">Kit d'inscription</div>
                                                        <div class="actus_body">
                                                            <p style="margin-left: 10px">Le kit de participation au workshop comporte :</p>
                                                            <ul>

                                                                <li style="margin-left: 20px">La formation (<a href="programme.php" target="_parent">Cliquez pour voir le programme)</a></li>
                                                                <li style="margin-left: 20px">3 pensions complètes à l'hôtel du workshop en chambre double.</li>
                                                                <li style="margin-left: 20px">Un flash disque 4Go contenant les logiciels nécessaires pour le développement sur Android.</li>
                                                                <li style="margin-left: 20px">4 tickets pour les pauses cafés</li>
                                                                <li style="margin-left: 20px">Un porte-documents.</li>
                                                                <li style="margin-left: 20px">Programme du workshop sur papier.</li>
                                                                <li style="margin-left: 20px">Un badge.</li>

                                                                <li style="margin-left: 20px">Un stylo.</li>
                                                                <li style="margin-left: 20px">Un bloc note.</li>
                                                                <li style="margin-left: 20px">Un certificat de participation (A la fin du workshop).</li>


                                                            </ul>

                                                        </div>


                                                    </p>

                                                    <p>

                                                        <br />
                                                    </p>


                                                    <p>
                                                        <div class="actus_header">Frais d'inscription</div>
                                                        <div class="actus_body">
                                                            <ul>
                                                                <div class="actus_body" style="margin-right: 20px">
                                                                    <li style="margin-left: 20px">Prix des académiques : <b><font color="yellowgreen">390 DT</font></b></li>
                                                                    <li style="margin-left: 20px">Prix des industriels : <b><font color="yellowgreen">450 DT</font></b></li>
                                                                    <br/>
                                                                    <center><a href="documents/modes_payement.pdf" target="_blank">Cliquez pour voir les procédures de payement</a></center>
                                                                    <br />
                                                                </div>
                                                                <li style="margin-left: 20px">Supplément single : <b><font color="yellowgreen">25 DT par jour</font></b></li>
                                                                <li style="margin-left: 20px">Prix des accompagnants adultes : <b><font color="yellowgreen">70 DT par personne et par jour</font></b></li>
                                                                <li style="margin-left: 20px">Prix des accompagnants -12 ans dans la chambre des parents : <b><font color="yellowgreen">35 DT par enfant et par jour</font></b></li>
                                                                <li style="margin-left: 20px">Prix des accompagnants -12 ans dans une chambre double autre que celle des parents : <b><font color="yellowgreen">49 DT par enfant et par jour</font></b></li>

                                                                <li style="margin-left: 20px">Prix des accompagnants -2 ans : <b><font color="yellowgreen">Gratuit</font></b></li>
                                                            </ul>

                                                            <br />

                                                            <blockquote>
                                                                <p align="JUSTIFY"><span style="font-family: Arial, sans-serif;"><span style="font-size: xx-small;"><span style="font-family: 'Times New Roman', serif;"><span style="font-size: medium;">Tout autre frais est &agrave; la charge du participant</span></span><span style="color: #000000;"><span style="font-family: 'Times New Roman', serif;"><span style="font-size: medium;"><strong>, aux tarifs pr&eacute;f&eacute;rentiels accord&eacute;s &agrave; l&rsquo;institut.</strong></span></span></span></span></span></p>
                                                            </blockquote><br />
                                                        </div>

                                                    </p>

                                                    <p>

                                                        <br />
                                                    </p>

                                                    <p>

                                                        <?php
                                                        if ($active) {
                                                            ?>

                                                            <div class="actus_header">Formulaire d'inscription</div>
                                                            <div class="actus_body">
                                                                <div id="container">


                                                                    <form id="form1" name="formulaire" action="act_inscription.php" method="post">	

                                                                        <fieldset>
                                                                            <p class="first">
                                                                                <label for="name">Nom <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="nom"></div>
                                                                                <input type="text" name="nom" />

                                                                            </p>

                                                                            <p class="first">
                                                                                <label for="name">Prénom <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="prenom"></div>
                                                                                <input type="text" name="prenom" />
                                                                            </p>

                                                                            <p>
                                                                                <label for="email">E-mail <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="mail"></div>
                                                                                <input type="text" name="mail" />
                                                                            </p>
                                                                            <p>
                                                                                <label for="web">Téléphone <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="tel"></div>
                                                                                <input type="text" name="tel" />
                                                                            </p>

                                                                            <p class="first">
                                                                                <label for="name">Institution <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="institution"></div>
                                                                                <input type="text" name="institution" />
                                                                            </p>

                                                                            <p class="first">
                                                                                <label for="name">Laboratoire de recherche</label>
                                                                                <input type="text" name="labo" id="labo"/>
                                                                            </p>

                                                                            <p class="first">
                                                                                <label for="name">Fonction <span style="color: red">*</span></label>
                                                                                <div style="color: tomato" id="fonction"></div>
                                                                                <input type="text" name="fonction" />
                                                                            </p>

                                                                            <p class="first">
                                                                                <label for="name">Système d'exploitation utilisé <span style="color: #0092ef">*</span>
                                                                                    <select name="se">
                                                                                        <option value="OS X" selected> OS X </option>
                                                                                        <option value="Windows 32"> Windows (32 bits) </option>
                                                                                        <option value="Windows 64"> Windows (64 bits) </option>
                                                                                        <option value="Ubuntu 32"> Ubuntu (32 bits) </option>
                                                                                        <option value="Ubuntu 64"> Ubuntu (64 bits) </option>
                                                                                        <option value="Autres"> Autres </option>


                                                                                    </select>
                                                                                </label>
                                                                            </p>

                                                                            <p>
                                                                                <label for="adresse">Adresse personnelle</label>
                                                                                <textarea name="adresse" cols="30" rows="10"></textarea>
                                                                            </p>


                                                                        </fieldset>
                                                                        <fieldset>

                                                                            <p class="first">														
                                                                                <label>1<sup>er</sup> Workshop ISIMG sur android</label>
                                                                                <label><input type="radio" name="premier" value="Non" checked />Non, je n'ai pas assisté<br /></label> 
                                                                                <label><input type="radio" name="premier" value="Oui" />Oui, j'ai assisté</label>   

                                                                            </p>
                                                                            <br />
                                                                            <p class="first">														
                                                                                <label>Mode de payement <span style="color: lime">*</span></label>
                                                                                <label><input type="radio" name="payement" value="Bon de commande" checked />Bon de commande<br /></label> 
                                                                                <label><input type="radio" name="payement" value="Virement" />Virement<br /></label> 
                                                                                <label><input type="radio" name="payement" value="Chèque ou espèce" />Chèque ou espèce</label>   

                                                                            </p>

                                                                            <br />
                                                                            <p class="first">														
                                                                                <label>Accompagné?</label>
                                                                                <label><input type="radio" name="accompagne" value="Non" checked />Non<br /></label> 
                                                                                <label><input type="radio" name="accompagne" value="Oui" />Oui</label>  

                                                                            </p>
                                                                            <p class="first">
                                                                                <label>Nombre d'accompagnateurs <span style="color: #0000cc">*</span>
                                                                                    <select name="nb" class="DEPENDS ON accompagne BEING Oui">
                                                                                        <option value="1" selected> 1 </option>
                                                                                        <option value="2"> 2 </option>
                                                                                        <option value="3"> 3 </option>
                                                                                        <option value="4"> 4 </option>
                                                                                        <option value="5"> 5 </option>
                                                                                        <option value="6"> 6 </option>
                                                                                        <option value="7"> 7 </option>


                                                                                    </select>
                                                                                </label></p>



                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb1error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 1 OR nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Nom et Prénom 1 : <input type="text" name="nb1" id="nb1" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 1 OR nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>  
                                                                                <div style="color: tomato" id="date1error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 1 OR nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 1 : <input type="text" name="date1" id="datepicker1" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 1 OR nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>


                                                                            </p>

                                                                            <p>
                                                                                <div style="color: tomato" id="nb2error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 2 : <input id="nb2" type="text" name="nb2" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date2error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 2 : <input type="text" name="date2" id="datepicker2" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 2 OR nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>
                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb3error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 3 : <input id="nb3" type="text" name="nb3" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date3error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 3 : <input type="text" name="date3" id="datepicker3" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 3 OR nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>

                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb4error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 4 : <input id="nb4" type="text" name="nb4" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date4error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 4 : <input type="text" name="date4" id="datepicker4" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 4 OR nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>


                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb5error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 5 : <input id="nb5" type="text" name="nb5" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date5error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 5 : <input type="text" name="date5" id="datepicker5" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 5 OR nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>

                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb6error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 6 : <input id="nb6" type="text" name="nb6" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date6error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 6 OR nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 6 : <input type="text" name="date6" id="datepicker6" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 6 OR nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>

                                                                            <p class="first">
                                                                                <div style="color: tomato" id="nb7error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label><br />Nom et Prénom 7 : <input type="text" id="nb7" name="nb7" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 7 OR nb BEING 8" /></label>
                                                                                <div style="color: tomato" id="date7error" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 7 OR nb BEING 8" ></div>
                                                                                <label>Date de naissance 7 : <input type="text"  name="date7" id="datepicker7" class="CONFLICTS WITH accompagne BEING Non AND DEPENDS ON accompagne BEING Oui AND DEPENDS ON nb BEING 7 OR nb BEING 8" /></label>
                                                                            </p>









                                                                        </fieldset>


                                                                        <p class="submit"><button type="submit" id="envoyer"><div id="loader">Envoyer</div></button></p>		


                                                                    </form>
                                                                    <div class="actus_body" style="padding: 10px 10px; margin: 10px 10px;">
                                                                        <p><span style="color: red">*</span> <span style="color: #C0C0C0; text-align: left"><em>Champs obligatoires</em></span></p>
                                                                        <p><span style="color: lime"><b>*</b></span> <span style="color: #C0C0C0; text-align: left"><em>Le mode de payement ne concerne que les participants</em>(<a href="documents/modes_payement.pdf" target="_blank">Cliquez pour voir les procédures de payement pour chacuns des ces modes</a>)</span></p>
                                                                        <p><span style="color: #0092ef"><b>*</b></span> <span style="color: #C0C0C0; text-align: left"><em>Le système d'expoitaion installé sur la machine que vous allez apporté au workshop</em></span></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <?php
                                                        } else {
                                                            ?>
                                                            <div class="aligncenter">
                                                                <img src="images/desactive.png" class="aligncenter" width="200px" alt="Inscription désactivé" /><div class="inscri_header"><p class="erreur"><b>Inscription désactivée</b></p></div>
                                                            </div>
                                                            <?php
                                                        }
                                                        ?>
                                                    </p>


                                                </div>
                                                <div class="inscri_header" id="inscri_header">



                                                </div>
                                                <div class="cleared"></div>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                        <div class="cleared"></div>
                        <div class="cleared"></div>
                    </div>
                </div>
                <div class="henisfooter">
                    <div class="henisfooter-body">
                        <div class="henisfooter-text">
                            <p><a href="http://www.isimg.rnu.tn/" target="_parent">Institut Supérieur d'Informatique et de Multimédia de Gabès (ISIMG)</a> vous souhaite la bienvenue</p>
                            <p>Auteur : <a href="http://www.isimg.rnu.tn/fra/profil/heni_saber" target="_blank">henis</a></p>
                            <div class="cleared"></div>
                            <p class="henispage-footer"></p>
                        </div>
                        <div class="cleared"></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<?php
$mysqli->close();
include './admin/includes/count_visitors_class.php'; //classes is the map where the class file is stored
// create a new instance of the count_visitors class.
$my_visitors = new Count_visitors;

$my_visitors->delay = 1; // how often (in hours) a visitor is registered in the database (default = 1 hour)
$my_visitors->insert_blank_visit(); // That's all, the validation is with this method, too.
?>